/*
 * @description：供求信息,品牌公社首页样式。
 * @author：20160929 by 韩锦育
 */
@charset "utf-8";
/****this is gqxx-style  begin****/

/* banner1 */
/*.index_focus{margin:0 auto;overflow:hidden;z-index:-1;} */
.GdeDoc{min-width:1200px;}
#banner1{position:relative;height:305px;}
#banner1 .JQ-content-box{overflow:hidden;position:relative;height:305px;}
#banner1 .JQ-content-box .JQ-slide-content{overflow: hidden;width: 100%;height: 387px;}
#banner1 .JQ-content-box .JQ-slide-content  li{width:100%;height:305px;position:absolute;top:0;left:0;background-repeat: no-repeat;background-position:50% 0;}
#banner1 .JQ-slide-content  li a{display: block;margin: auto;width: 990px;height: 100%;}
#banner1 .JQ-slide-nav{display:block;overflow:hidden;position:absolute;z-index:1;bottom:0;left:55%;}
#banner1 .JQ-slide-nav li{display:inline;float:left;width:25px;height:25px;text-align: center;}
#banner1 .JQ-slide-nav li a{font-size: 28px;}
#banner1 .JQ-slide-nav li a:hover{text-decoration: none;color:green;}
#banner1 .JQ-slide-nav li.on{display:inline;float:left;width:25px;height:25px;}
#banner1 .JQ-slide-nav li.on a{color:green;}

/**右侧边栏 begin**/
.column-box { position: relative; font-family: "Microsoft yahei";}
.gqxx .column-rightbg{width:276px;height:304px;background: #002444;position: absolute;right:0;bottom:0;z-index:100;}
.gqxx .column-right{width:276px;height:300px;position: absolute;right:0;bottom:0;z-index:101;padding-top:3px;}
.column-nav li{float:left;width:138px;height:45px;background: #1a3957;font-size: 18px;color:#fff;text-align: center;line-height: 45px;}
.column-nav li.choose{background: #002444;}
.column-login{margin-top:23px;color:#fff;text-align: center;}
.column-login a{color:#00a0ea;}

.column-flow{float:left;width:65px;height:18px;margin:0 16px;color:#fff;text-align:center;padding-top:70px;}
.flow1{background: url("../img/gqxx/gqxx-spring.png") 0 0 no-repeat;width:58px;}
.flow2{background: url("../img/gqxx/gqxx-spring.png") -88px 0 no-repeat;width:56px;}
.flow3{background: url("../img/gqxx/gqxx-spring.png") -170px 0 no-repeat;width:65px;}
.flow4{background: url("../img/gqxx/gqxx-spring.png") 0 -88px no-repeat;width:58px;}
.flow5{background: url("../img/gqxx/gqxx-spring.png") -88px -88px no-repeat;width:56px;}
.flow6{background: url("../img/gqxx/gqxx-spring.png") -170px -88px no-repeat;width:65px;}
.column-flow:hover{color:#fff;}
.column-btn{display: block; width:249px;height:38px;background: #00a0ea;text-align: center;line-height: 38px;font-size: 18px;color:#fff;border-radius: 3px;margin:25px auto 0;}
.column-btn:hover{color:#fff;}
.column-nav-con .tel{color:#fff;text-align: center;margin-top:8px;}
.column-nav-con .tel span{color:#0081c0;}
/**右侧边栏 end**/

/**通告 begin**/
.notice li{width:330px;float:left;line-height: 55px;color:#414141;font-size: 14px;}
.notice li.three{width:265px;}
.notice li.last{float:right;text-align:right;width:275px;}
.notice li span{color:#e0482f;}
.notice li b{display:inline-block;width:29px;height:29px;vertical-align: middle;margin-right:15px;}
.notice li b.notice-iocn1{background: url("../img/gqxx/gqxx-spring.png") 0 -184px no-repeat;}
.notice li b.notice-iocn2{background: url("../img/gqxx/gqxx-spring.png") -64px -184px no-repeat;}
.notice li b.notice-iocn3{background: url("../img/gqxx/gqxx-spring.png") -128px -184px no-repeat;}
.notice li b.notice-iocn4{background: url("../img/gqxx/gqxx-spring.png") -190px -184px no-repeat;}
/**通告 end**/

/**content begin**/
.content-left{float:left;width:906px;}
.content-right{float:right;width:275px;border:1px solid #d7d7d7;}
.content-left .main{border-top:2px solid #00a1e5;border-left:1px solid #d7d7d7;border-right:1px solid #d7d7d7;}
.content-left .tit{padding-bottom:10px;}
.content-left .tit span{font-size: 24px;color:#00a0ea;font-weight: bold;margin-right:15px;display: inline-block;position: relative;}
.content-left .tit span b{display:block;width:100px;height:0;border-top:4px solid #227eed;position: absolute;left:0;bottom: -18px;}
.content-left .tit var{font-size: 16px;color:#00a0ea;}
.content-left .tit .contact{font-size: 14px;color:#1b1b1b;}
.content-left .tit input{width:190px;height:20px;border:1px solid #00a0ea;border-radius: 3px;}
.content-left .tit i{display:inline-block;height:20px;border:1px solid #dedede;width:0;margin:0 10px;font-style: normal;vertical-align: middle;}
.content-left .tit button{width:46px;height:22px;background: #00a0ea;border:none;text-align: center;line-height: 22px;color:#fff;border-radius: 3px;}
.content-left .main li.item{border-bottom:1px solid #d7d7d7;padding:0 18px;position: relative;}
li.item h2{font-size: 18px;color:#333;font-weight: bold;padding:28px 10px 23px;width:564px;border-bottom: 1px solid #d7d7d7;}
li.item h2 span{font-size: 14px;color:#999;font-weight: normal;}
li.item .item-box{padding:0 10px;width:564px;padding-bottom: 20px;}
li.item ol li{font-size: 14px;float: left;width:282px;margin-top:15px;position: relative;}
li.item ol li span{color: #999;}
li.item ol li var{color: #333;}
li.item ol li a{display: inline-block;width:68px;height:28px;border: 1px solid #d7d7d7;color: #999;line-height: 28px;text-align: center;position: absolute;right:20px;}
li.item ol li a:hover{background: #e1472f;color: #fff;border-color: #e1472f;}
.status{width:170px;position: absolute;right:40px;top:83px;text-align: center;}
.status span{display: inline-block;width: 120px;height:38px;font-size: 16px;font-weight: bold;text-align: center;line-height: 38px;color: #fff;}
.status span.suss{background: #a0a0a0;}
.status span.getOn{background: #227eed;}
.status span.autio{background: #e1472f;}
.status p{margin-top:20px;font-size: 16px;color: #1b1b1b;}
.transactions-box{padding:0 15px 20px;height:1104px;overflow: hidden;}
.transactions{height:1104px;border-left:1px solid #d7d7d7;}
.transactions ul li{padding-left:14px;line-height: 16px;position: relative;z-index: 10;}
.transactions ul li b{display: block;width:9px;height:12px;position: absolute;left:-5px;top:0;z-index: 11;}
.transactions ul li b.t-icon{background: url("../img/gqxx/gqxx-spring.png") -138px -247px no-repeat;}
.transactions ul li b.h-icon{background: url("../img/gqxx/gqxx-spring.png") -74px -248px no-repeat;}
.transactions h3{color:#959595;}
.transactions li p{margin-top:7px;color: #535353;}
.transactions li .hr{height:20px;}
.tran-tit{padding:30px 15px 0;font-size: 16px;color:#313131;}
.tran-num{color:#535353;line-height: 40px;text-align: center;}
.tran-num i{display: inline-block;width:30px;height:40px;background: url("../img/gqxx/gqxx-spring.png") 0 -247px no-repeat;vertical-align: middle;color:#fff;font-size: 24px;font-style: normal;}
/**分页开始**/
.pages {
	width:720px;
	margin:40px auto 0 auto;
}
.pages #Pagination {
  float: left;
  overflow: hidden;
}
.pages #Pagination .pagination {
  height: 40px;
  text-align: right;
  font-family: \u5b8b\u4f53,Arial;
}
.pages #Pagination .pagination a,
.pages #Pagination .pagination span {
  float: left;
  display: inline;
  padding: 8px 13px;
  border: 1px solid #e6e6e6;
  border-left: none;
  background: #fff;
  color: #666666;
  font-family: \u5b8b\u4f53,Arial;
  font-size: 14px;
  cursor: pointer;
}
.pages #Pagination .pagination .current {
  background: #00b7ec;
  color: #fff;
}
.pages #Pagination .pagination .prev,
.pages #Pagination .pagination .next {
  float: left;
  padding: 8px 13px;
  border: 1px solid #e6e6e6;
  background: #fff;
  color: #666666;
  cursor: pointer;
}
.pages #Pagination .pagination .prev{margin-right:5px;}
.pages #Pagination .pagination .next{margin-left:5px;}
.pages #Pagination .pagination .prev i,
.pages #Pagination .pagination .next i {
  display: inline-block;
  width: 4px;
  height: 11px;
  margin-right: 5px;
  background: url(../img/gqxx/gqxx-spring.png) no-repeat;
}
.pages #Pagination .pagination .prev {
  border-right: 1px solid #e6e6e6;
}
.pages #Pagination .pagination .prev i {
  background-position: -144px -1px;
  *background-position: -144px -4px;
}
.pages #Pagination .pagination .next i {
  background-position: -156px -1px;
  *background-position: -156px -4px;
}
.pages #Pagination .pagination .pagination-break {
  padding: 8px 5px;
  border: none;
  background: none;
  cursor: default;
}
.pages #Pagination .pagination .ep{border-left:1px solid #e6e6e6;}
.pages .searchPage {
  float: left;
  line-height: 36px;
}
.pages .searchPage .page-sum {
  padding: 11px 13px;
  color: #999999;
  font-family: \u5b8b\u4f53,Arial;
  font-size: 14px;
}
.pages .searchPage .page-go {
  padding: 8px 0;
  color: #999999;
  font-family: \u5b8b\u4f53,Arial;
  font-size: 14px;
  padding: 10px 0\9;
  *padding: 6px 0;
}
.pages .searchPage .page-go input {
  width: 48px;
  height: 27px;
  margin: 0 5px;
  padding-left: 5px;
  border: 1px solid #e4e4e4;
}
.pages .searchPage .page-btn {
  display: inline-block;
  vertical-align: top;
  width:48px;height:27px;
  border:1px solid #e6e6e6;
  color: #535353;
  text-align: center;
  line-height: 27px;
  font-family: Arial, 'Microsoft YaHei';
  font-size: 14px;
  text-decoration: none;
  margin-top:2px;
}

/**分页结束**/


/**content end**/









/****this is gqxx-style  end****/

/****this is communities-style  begin****/

/* banner2 */
/*.index_focus{margin:0 auto;overflow:hidden;z-index:-1;} */
#banner2{position:relative;height:433px;}
#banner2 .JQ-content-box{overflow:hidden;position:relative;height:433px;}
#banner2 .JQ-content-box .JQ-slide-content{overflow: hidden;width: 100%;height: 433px;}
#banner2 .JQ-content-box .JQ-slide-content  li{width:100%;height:433px;position:absolute;top:0;left:0;background-repeat: no-repeat;background-position:50% 0;}
#banner2 .JQ-slide-content  li a{display: block;margin: auto;width: 990px;height: 100%;}
#banner2 .JQ-slide-nav{display:block;overflow:hidden;position:absolute;z-index:1;bottom:0;left:55%;}
#banner2 .JQ-slide-nav li{display:inline;float:left;width:25px;height:25px;text-align: center;}
#banner2 .JQ-slide-nav li a{font-size: 28px;}
#banner2 .JQ-slide-nav li a:hover{text-decoration: none;color:green;}
#banner2 .JQ-slide-nav li.on{display:inline;float:left;width:25px;height:25px;}
#banner2 .JQ-slide-nav li.on a{color:green;}

/**人气品牌**/
.communities-con{background: #f0f0f0;font-family: "Microsoft yahei";}
.communities-item{width:1200px;height:468px;margin:0 auto;position: relative;}
.communities-item .item-box{position: absolute;top:-45px;z-index: 1000;width:1150px;background: #fff;padding:33px 19px 28px 24px;}
.communities-item a{float:left;width:225px;height:108px;background: #f0f0f0;text-align: center;line-height: 108px;margin-right:5px;margin-bottom:5px;position: relative;}
.communities-item a img{width:160px;height:auto;margin-top: 13px;}
/**人气品牌**/
.com-brand{width:1200px;margin:88px auto 0;}
.com-brand h2{text-align: center;}
/* .communities-item .brand-name{overflow:hidden;width:225px;font-size: 14px;width:100%;height:15px;line-height:15px;color: #fff;text-align: center;position: absolute;top:30px;z-index:9;display: none;} */
.communities-item .brand-name{overflow: hidden;
    font-size: 14px;
    width: 213px;
    height: 17px;
    line-height: 16px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 30px;
    z-index: 9;
    display: none;
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
    padding:0 5px;
   /*  border: 1px solid red; */
    /* padding: 0 10px; */
}
.communities-item .enter {
color: white;
width: 96px;
height: 25px;
font-size: 12px;
line-height: 25px;
background-color: #dbb866;
border-radius: 12px;
text-align: center;
position: absolute;
left: 65px;
top: 55px;
z-index: 10;
display: none;
}
.brand-mask {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
background-color: #000;
background-color: rgba(0, 0, 0, );
transition: all .3s ease-out;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
display: none;
}

.brand-nav { width: 1200px; margin: 50px auto 60px; text-align: center;}
.brand-nav li { display: inline-block; margin: 0 20px; width:115px;height:25px;line-height: 25px;text-align: center; font-size: 14px; color: #333; /* background-color: #bfbfbc; */ cursor: pointer;background: url("../images/communities/white-bt.jpg") 0 0 no-repeat;}
.brand-nav .active { color: #fff; background: #436dcb;}
.sucaihuo { width: 1200px; margin: 0 auto;color:#333;position: relative;}
.filtr-item { display:inline-block; width: 236px;height:294px;margin:25px 0px;}
.filtr-top{height:186px;background: #f8f8f8;text-align: center;padding-top:40px;}
.filtr-bot{height:54px;background: #e8e8e8;text-align: center;padding:0 25px;color: #767676;padding-top:10px;}
.filtr-bot p{line-height: 23px;text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.filtr-top img{width:200px;}
.filtr-item a{display: block;width:100%;height:100%;position: relative;}
.filtr-top .attention{display: block;font-size: 16px;color: #aaa;}
.filtr-top .logo-name{display: block;font-size: 16px;color: #000;margin-top:23px;font-weight:normal;}

.filtr-item .mask-p{width:180px;height:210px;padding:40px 28px;background: #436dcb;position: absolute;top:0;left:0;display: none;}
.filtr-box{display:none;}
.gz{display: block;font-size:14px;width:80px;height:23px;border-radius: 10px;background: #dbb866;color: #fff;line-height: 23px;margin-left:100px;text-align: center;}

.overview{display:block;color: #fff;line-height: 25px;margin-top:15px;height:200px;overflow:hidden;word-break: break-all;}
.gz-icon{display: inline-block;width:17px;height:15px;background: url("../images/communities/xin-b.png") 0 0 no-repeat;vertical-align: middle;margin-right:4px;margin-top:-2px;}
.filtr-item .active .gz-icon{background: url("../images/communities/xin-h.png") 0 0 no-repeat;}
.sucaihuo .brand-search{position: absolute;right:3px;top:-40px;}
.sucaihuo input{width:160px;height:20px;padding:0 5px;line-height: 20px;border:1px solid #436dcb;vertical-align: top;background: #f0f0f0;}
.sucaihuo button{width:65px;height:22px;background: #436dcb;border:1px solid #436dcb;color: #fff;}

.commun-float{position: fixed;right:0;top:70%;margin-top:-74px;z-index: 1005;display:none;}
.commun-float a{display: block;width:32px;height:32px;margin-top:2px;background:#dbb866;color: #fff;line-height: 18px;text-align: center;padding:2px;line-height: 15px;padding-top:4px;}
.commun-float .float-nav{line-height: 30px;}
.commun-float a.selected{background: #436dcb;color: #fff;}
.commun-float a.hselected{background: #436dcb;color: #fff;}
.fixedd{position:fixed;bottom:0}
.blue-line{width:100%;height:119px;background-image:url("/images/communities/float_banner.jpg");background-repeat: no-repeat;
background-position: 50% 0;display:block;}
/****this is communities-style  end****/